<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>test column</title>

<style type="text/css"> 
*{margin: 0;padding: 0;}

#container{

background-color:#E6B1DE;

overflow:hidden;

padding-left:220px; /* 宽度大小等与边栏宽度大小*/

}

* html #container{

height:1%; /* So IE plays nice */

}

#content{

background-color:#0ff;

width:100%;

border-left:220px solid #485F8C;/* 宽度大小等与边栏宽度大小*/

margin-left:-220px;/* 宽度大小等与边栏宽度大小*/

float:right;

}

#sidebar{

background-color:#f00;

width:220px;

float:right;

margin-left:-220px;/* 宽度大小等与边栏宽度大小*/

}

#content,

#sidebar {/*控制两个div等高*/

min-height: 200px;

height: auto !important;

height: 200px;

}
</style>
</head>
<body>
<div id="container">13
<div id="content">Main Content</div>


<div id="sidebar">Left Sidebar</div>

</div>
	<script type="text/javascript">
			
	</script>
</body>
</html>